<!-- 顶部部分 -->
    <div class="head_box">
        <div id="head_wrap">
            <div id="head_nav">
                <a class="head_nav_a" href="http://localhost:2205/html/website.html">小米官网</a>
                <span class="line">|</span>
                <a class="head_nav_a" href="http://localhost:2205/index.html">小米商城</a>
                <span class="line">|</span>
                <a class="head_nav_a">MIUI</a>
                <span class="line">|</span>
                <a class="head_nav_a" href="http://localhost:2205/html/lot.html">loT</a>
                <span class="line">|</span>
                <a class="head_nav_a" href="http://localhost:2205/html/service.html">云服务</a>
                <span class="line">|</span>
                <a class="head_nav_a">天星数科</a>
                <span class="line">|</span>
                <a class="head_nav_a">有品</a>
                <span class="line">|</span>
                <a class="head_nav_a">小爱开放平台</a>
                <span class="line">|</span>
                <a class="head_nav_a">企业团购</a>
                <span class="line">|</span>
                <a class="head_nav_a">资质证照</a>
                <span class="line">|</span>
                <a class="head_nav_a">协议规则</a>
                <span class="line">|</span>
                <a class="head_nav_a">下载app</a>
                <span class="line">|</span>
                <a class="head_nav_a" id="Select_Region_but">SelectLocation</a>
            </div>
            <div id="head_right">
                <div id="head_landing">
                    <a href="http://localhost:2205/html/login.html" class="head_nav_a" id="login_a">登陆</a>
                    <span class="line">|</span>
                    <a class="exit" style="display: none;">退出</a>
                    <span class="line">|</span>
                    <a class="head_nav_a">消息通知</a>
                </div>
                <div id="head_car">
                    <span class="iconfont icon-gouwuchekong"></span>
                    <a href="http://localhost:2205/html/cart.html" class="head_car_text">购物车(<span class="cart_count">0</span>)</a>
                    <div id="car_content" style="height: 0px;width:0px ;background-color: #edffc6;z-index: 999">
                        <a class="car_text"> </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航部分 -->
    <div id="main_head_box">
        <div id="menu_wrap">
            <div id="header-logo">
                <a href="#" class="logo ir">小米商城</a>
            </div>
            <div id="menu_nav">
                <ul>
                    <li class="menu_li" control="xiaomiphone">大米手机</li>
                    <li class="menu_li" control="hongmiphone">红米</li>
                    <li class="menu_li" control="pingban">平板</li>
                    <li class="menu_li" control="tv">电视&nbsp;&nbsp;盒子</li>
                    <li class="menu_li" control="luyou">路由器</li>
                    <li class="menu_li" control="yingjian">智能硬件</li>
                    <li><a>服务</a></li>
                    <li><a>社区</a></li>
                </ul>
            </div>
            <div id="find_wrap">
                <div id="find_bar">
                    <input type="text" id="find_input" placeholder="耳机">
                </div>
                <div id="find_but">
                    <span class="iconfont icon-fangdajing"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 下拉菜单 -->
    <div id="menu_content_bg" style="height: 0px;">
        <div id="menu_content_wrap">
            <ul style="top: 0px;">
                <li id="xiaomiphone">
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mi4!160x110.jpg">
                        <p class="menu_content_tit">大米手机4</p>
                        <p class="menu_content_price">1499元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/minote!160x110.jpg">
                        <p class="menu_content_tit">大米NOTE标准版</p>
                        <p class="menu_content_price">1999元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/minotepro!160x110.jpg">
                        <p class="menu_content_tit">大米NOTE顶配版</p>
                        <p class="menu_content_price">2999元起</p>
                    </div>
                </li>
                <li id="hongmiphone">
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/hongmi2a!160x110.jpg">
                        <p class="menu_content_tit">红米手机2A</p>
                        <p class="menu_content_price">499元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/hongmi2!160x110.jpg">
                        <p class="menu_content_tit">红米手机2</p>
                        <p class="menu_content_price">599元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/note!160x110.jpg">
                        <p class="menu_content_tit">红米NOTE</p>
                        <p class="menu_content_price">699元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/note2!160x110.jpg">
                        <p class="menu_content_tit">红米NOTE2</p>
                        <p class="menu_content_price">799元</p>
                    </div>
                </li>
                <li id="pingban">
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mipad16!160x110.jpg">
                        <p class="menu_content_tit">大米平板16G</p>
                        <p class="menu_content_price">1299元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mipad64!160x110.jpg">
                        <p class="menu_content_tit">大米平板64G</p>
                        <p class="menu_content_price">1499元起</p>
                    </div>
                </li>
                <li id="tv">
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mitv40!160x110.jpg">
                        <p class="menu_content_tit">大米电视2&nbsp;40英寸</p>
                        <p class="menu_content_price">1999元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mitv48!160x110.jpg">
                        <p class="menu_content_tit">大米电视2S&nbsp;48英寸</p>
                        <p class="menu_content_price">2999元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mitv49!160x110.jpg">
                        <p class="menu_content_tit">大米电视2&nbsp;49英寸</p>
                        <p class="menu_content_price">3399元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/mitv55!160x110.jpg">
                        <p class="menu_content_tit">大米电视2&nbsp;55英寸</p>
                        <p class="menu_content_price">4499元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/hezimini!160x110.jpg">
                        <p class="menu_content_tit">大米盒子MINI版</p>
                        <p class="menu_content_price">199元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/hezis!160x110.jpg">
                        <p class="menu_content_tit">大米盒子增强版</p>
                        <p class="menu_content_price">299元</p>
                    </div>
                </li>
                <li id="luyou">
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/miwifi!160x110.jpg">
                        <p class="menu_content_tit">全新大米路由器</p>
                        <p class="menu_content_price">699元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/miwifimini!160x110.jpg">
                        <p class="menu_content_tit">大米路由器&nbsp;MINI</p>
                        <p class="menu_content_price">129元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/miwifilite!160x110.jpg">
                        <p class="menu_content_tit">大米路由器&nbsp;青春版</p>
                        <p class="menu_content_price">79元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/wifiExtension!160x110.jpg">
                        <p class="menu_content_tit">大米WIFI放大器</p>
                        <p class="menu_content_price">39元</p>
                    </div>
                </li>
                <li id="yingjian">
                    <div class="menu_content">
                        <img src="http://c1.mifile.cn/f/i/15/goods/nav/scale!160x110.jpg">
                        <p class="menu_content_tit">体重称</p>
                        <p class="menu_content_price">99元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/xiaoyi!160x110.jpg">
                        <p class="menu_content_tit">摄像头</p>
                        <p class="menu_content_price">129元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/yicamera!160x110.jpg">
                        <p class="menu_content_tit">运动相机</p>
                        <p class="menu_content_price">399元起</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/ihealth!160x110.jpg">
                        <p class="menu_content_tit">血压计</p>
                        <p class="menu_content_price">199元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/chazuo!160x110.jpg">
                        <p class="menu_content_tit">智能插座</p>
                        <p class="menu_content_price">59元</p>
                    </div>
                    <span class="menu_content_line"></span>
                    <div class="menu_content">
                        <img src="http://localhost:2205/img/smart!160x110.jpg">
                        <p class="menu_content_tit">查看全部
                            <br>智能硬件
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
